<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<title>生命体征检测云平台</title>
		<link rel="shortcut icon" href="static/logo.ico" />
		<link rel="stylesheet" href="static/css/index.css" />
		<link rel="stylesheet" href="static/layui/css/layui.css" />
		<script type="text/javascript" src="static/js/jquery.min.js"></script>
		<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<style>
			html,
			body,
			#container {
				height: 100%;
				width: 100%;
			}

			.container {
				height: auto;
				width: 100%;
			}

			.container 2 {
				height: auto;
				width: 100%;
			}

			.collision-btn.disable {
				background-image: none;
				color: lightgrey;
				border-color: lightgrey;
				cursor: not-allowed;
			}

			.collision-btn.disable:hover {
				background-color: #fff;
				border-color: lightgrey;
			}

			.input-card .btn {
				margin-right: .8rem;
			}

			.amap-marker {
				opacity: 0.01;
			}

			.nav-right {
				top: 1.5rem !important;
			}

			.info {
				z-index: 999 !important;
			}

			.layui-form-label {
				width: 110px;
				font-size: 14px !important;
			}

			::-webkit-input-placeholder {
				/*Webkit browsers*/
				color: #999;
				font-size: 13px;
			}

			:-moz-placeholder {
				/*Mozilla Firefox 4 to 8*/
				color: #999;
				font-size: 13px;
			}

			::moz-placeholder {
				/*Mozilla Firefox 19+*/
				color: #999;
				font-size: 13px;
			}

			:-ms-input-placeholder {
				/*Internet Explorer 10+*/
				color: #999;
				font-size: 13px;
			}

			.layui-form-pane .layui-input {
				height: 38px !important;
			}
		</style>
		<script>
			layui.use(['form', 'layedit', 'laydate', 'dropdown'], function() {
				var form = layui.form,
					layer = layui.layer,
					layedit = layui.layedit,
					laydate = layui.laydate,
					dropdown = layui.dropdown;
				dropdown.on('click(docDemoMenu1)', function(options) {
					var othis = $(this); //当前菜单列表的 DOM 对象
					console.log(options.url)

				});
				laydate.render({
					elem: '#date1'
				});
			});
			 $(function() {
				 $("#pnav").load("public_navigation.html");
        		$(".sign_out").click(function(){
        			localStorage["logintypes"]='';
        			localStorage["loginName"]='';
        			window.location='login.html'
        		});
				$('.userinfo').hover(function() {

				});
			});
		</script>
	</head>
	<body>
		<div style="margin-top: 70px;background-color: #e5e5e5;"></div>
		<div class="layui-panel" style="float: left; width: 10% !important;" id="pnav"></div>
		<div class="container" style="width: 90% !important; float: right;padding-left: 30px;">
			<div class="layui-fluid">
				<fieldset class="layui-elem-field layui-field-title">
					<legend>添加联系人</legend>
				</fieldset>
				<div class="layui-row">
					<div class="layui-col-sm12"
						style="padding: 20px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);background: #fff;">
						<div class="grid-demo grid-demo-bg1">
							<div class="layui-row">
								<div class="layui-col-md12" style="font-size: 18px;padding: 20px;">
									<form class="layui-form layui-form-pane" action="">
										<div class="layui-form-item">
											<label class="layui-form-label">关系：</label>
											<div class="layui-input-block">
												<select name="modules" lay-verify="required" lay-search="">
													<option value="">直接选择或搜索选择</option>
													<option value="1">夫妻</option>
													<option value="2">父母</option>
													<option value="3">姐姐</option>
													<option value="4">妹妹</option>
													<option value="5">弟弟</option>
													<option value="6">哥哥</option>
													<option value="7">朋友</option>
													<option value="8">同事</option>
													<option value="9">其他</option>
												</select>
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">名称：</label>
											<div class="layui-input-block">
												<input type="text" name="title" lay-verify="title" autocomplete="off"
													placeholder="请输入名称" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">性别：</label>
											<div class="layui-input-block">
												<input type="radio" name="sex" value="男" title="男" checked="">
												<input type="radio" name="sex" value="女" title="女">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">电话：</label>
											<div class="layui-input-block">
												<input type="text" name="title" lay-verify="title" autocomplete="off"
													placeholder="请输入电话" class="layui-input">
											</div>
										</div>
										
										<div class="layui-form-item">
											<label class="layui-form-label">职业：</label>
											<div class="layui-input-block">
												<input type="text" name="title" lay-verify="title" autocomplete="off"
													placeholder="请输入职业" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">绑定设备：</label>
											<div class="layui-input-block">
												<select name="modules" lay-verify="required" lay-search="">
													<option value="">直接选择或搜索选择</option>
													<option value="1">奥林花园</option>
													<option value="2">佳地花园</option>
													<option value="3">景帝华府</option>
													<option value="4">御龙庭</option>
													<option value="5">恒大绿洲</option>
													<option value="6">恒实平阳景苑</option>
													<option value="7">长风画卷</option>
													<option value="8">银海水韵</option>
												</select>
											</div>
										</div>
										<div class="layui-form-item">
											<div class="layui-input-block">
												<button type="submit" class="layui-btn" lay-submit=""
													lay-filter="demo1">立即提交</button>
												<button type="reset" class="layui-btn layui-btn-primary">重置</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="info">
			<div class="nav-left">
				<a class="login"></a>
					<a class="hometext" href="index.html" v-if="uInfoData.loginType !=1">首页</a>
					<a class="hometext" href="home.html" v-if="uInfoData.loginType == 1">首页</a>
				</div>
				<div class="nav-right">
					<ul>
						<li><a href="monitoring.html"  v-if="uInfoData.loginType !=1">监测</a></li>
						<li><a href="historical_data.html" v-if="uInfoData.loginType !=1">历史数据</a></li>
						<li><a href="historical_info.html" v-if="uInfoData.loginType == 1">历史数据</a></li>
						<li><a href="call_p.html">离床报警</a></li>
					<li><a href="#">康养中心</a></li>
					<li><a href="#">中医问诊</a></li>
				</ul>
			</div>
			<div class="userinfo" id="userinfo">
				<img src="static/image/user.png" />
				<!-- <div class="red-dot"></div> -->
				<ul class="user_dropdown">
					<li class="dropdown_item user_ctrl">
						<div class="nickname">小店区（管理员）</div>
						<div class="sign_out">退出</div>
					</li>
					<li class="dropdown_item msg_item">
						<a href="user.html" target="_blank">
							<span>个人中心</span>
						</a>
					</li>
					<li class="dropdown_item msg_item">
						<a href="my_message.html" target="_blank">
							<span>我的消息</span>
							<span class="msg_unread unread_count show">5</span>
						</a>
					</li>
					<li class="dropdown_item">
						<a href="equipment.html">
							<span>设备</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
